<!-- SCRIPT QUE HAY QUE INCLUIR PARA QUE SIRVA EL ACORDEON -->
<script type="text/javascript" src="javascript/jquery-latest.js"></script>


<div class="lista">
       <ul id="acordion">
              <li>Inicio</li>
              <ul>
                     <li><a href="index.php">Pagina Inicial</a></li>
              </ul>
              <li>Busqueda</li>
              <ul>
                     <li><a href="?p=busquedaAmbitoPais.php&opcion=1">Por Ambito</a></li>
                     <li><a href="?p=busquedaAmbitoPais.php&opcion=2">Por Pa&iacute;ses</a></li>
                     <li><a href="?p=busquedaPorNombre.php">Por Nombre</a></li>
              </ul>
              <li>Visualizacion</li>
              <ul>
                     <li><a href="?p=visualizacionPorOA.php">Por Orden Alfab&eacute;tico</a></li>
                     <li><a href="?p=busquedaAmbitoPais.php&opcion=2">Por Pa&iacute;ses</a></li>
              </ul>
              <li>Ingresar T&eacute;rmino</li>
              <ul>
                     <li><a href="?p=loguearse.php&opcion=1">Por Lotes</a></li>
                     <li><a href="?p=loguearse.php&opcion=2">Por un Campo de Texto</a></li>
                     <li><a href="?p=loguearse.php&opcion=3">Por Campos Separados</a></li>
              </ul>
              <li>Generar Archivo</li>
              <ul>
                     <li><a href="?p=generarArchivoTEX.php">Archivo .tex</a></li>
              </ul>
       </ul>
</div>


<!-- SCRIPT QUE HACE EL ACORDEON -->
<script>
       $("#acordion > li").click(function(){
 
              if(false == $(this).next().is(':visible')) {
                     $('#acordion > ul').slideUp(300);
              }
              $(this).next().slideToggle(300);
       });
 
       //$('#acordion > ul:eq(0)').show();
</script>


